<!-- Slider -->
<div class="slider">
    <ul class="rslides" id="slider">
        <li>
            <img src="images/banner3.jpg" alt="" />
        </li>
        <li>
            <img src="images/banner2.jpg" alt="" />
        </li>
        <li>
            <img src="images/banner1.jpg" alt="" />
        </li>
    </ul>
</div>
<!-- //Slider -->

<!-- Banner-Slider-JavaScript -->
<script src="js/responsiveslides.min.js"></script>
<script>
    $(function () {
        $("#slider").responsiveSlides({
            auto: true,
            nav: true,
            speed: 800,
            namespace: "callbacks",
            pager: true,
        });
    });
</script>
<!-- //Banner-Slider-JavaScript -->
<!-- //Header -->

<!-- new games -->
<div class="new-w3-agile">
    <div class="container">
        <h3>景彧科技开发的行业软件</h3>
        <div class="col-md-3 new-grid-w3l view view-eighth">
            <img src="images/ng1.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>ICONIQ车载娱乐系统</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-w3l view view-eighth">
            <img src="images/ng2.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>国土增减挂钩空间地理信息系统</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-w3l view view-eighth">
            <img src="images/ng3.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>工业CT无损探伤检测系统</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-w3l view view-eighth">
            <img src="images/ng4.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>Dicom医学工业CT影像查看系统</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-agile view view-eighth">
            <img src="images/ng5.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>华航机载娱乐系统</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-agile view view-eighth">
            <img src="images/ng7.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>3D打印业务</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-agile view view-eighth">
            <img src="images/ng6.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>光盘刻录小程序</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="col-md-3 new-grid-agile view view-eighth">
            <img src="images/ng8.jpg" alt=" " />
            <div class="mask">
                <a href="single">
                    <h4>便捷看图软件</h4>
                </a>
                <p>点击查看详情</p>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- //new games-->

<!-- trend -->
<div class="trend-w3layouts">
    <div class="container">
        <h2>游戏研发</h2>
        <ul id="flexiselDemo1">
            <li>
                <div class="trend-grid">
                    <h4>跑酷游戏</h4>
                    <img src="images/tg1.jpg" alt=" " class="img-responsive" />
                </div>
            </li>
            <li>
                <div class="trend-grid">
                    <h4>3D游戏</h4>
                    <img src="images/tg2.jpg" alt=" " class="img-responsive" />
                </div>
            </li>
            <li>
                <div class="trend-grid">
                    <h4>动作游戏</h4>
                    <img src="images/tg3.jpg" alt=" " class="img-responsive" />
                </div>
            </li>
            <li>
                <div class="trend-grid">
                    <h4>养成游戏</h4>
                    <img src="images/tg4.jpg" alt=" " class="img-responsive" />
                </div>
            </li>
        </ul>
        <script type="text/javascript">
            $(window).load(function () {
                $("#flexiselDemo1").flexisel({
                    visibleItems: 4,
                    animationSpeed: 1000,
                    autoPlay: true,
                    autoPlaySpeed: 3000,
                    pauseOnHover: true,
                    enableResponsiveBreakpoints: true,
                    responsiveBreakpoints: {
                        portrait: {
                            changePoint: 480,
                            visibleItems: 2
                        },
                        landscape: {
                            changePoint: 640,
                            visibleItems: 3
                        },
                        tablet: {
                            changePoint: 768,
                            visibleItems: 4
                        }
                    }
                });

            });
        </script>
        <script type="text/javascript" src="js/jquery.flexisel.js"></script>
    </div>
</div>
<!-- //trend -->


<!-- services-->
<div class="services-agileits-w3layouts">
    <div class="container">
        <h3>引擎开发</h3>
        <div class="col-md-3 service-grid-agileits service-grid-agileits-top">
            <span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
            <h4>图像渲染处理引擎</h4>
            <p>原生态Opengl开发，提供高效的图形渲染和处理，主要应用于工业检测图像成像，跨平台地图引擎渲染。
            </p>
            <a href="single">点击详情</a>
        </div>
        <div class="col-md-3 service-grid-agileits">
            <span class="glyphicon glyphicon-random" aria-hidden="true"></span>
            <h4>服务器引擎</h4>
            <p>高效的实时网络服务器，应用于游戏服务器开发，简单易用的封装。提供高并发的tcp,http,ws服务器满足各类游戏快速研发需求。
            </p>
            <a href="single">点击详情</a>
        </div>
        <div class="col-md-3 service-grid-agileits service-grid-agileits-bottom">
            <span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
            <h4>地理信息引擎</h4>
            <p>轻量级的3维渲染引擎和数据处理引擎，可用于二次开发，快速的搭建地理信息应用。
            </p>
            <a href="single">点击详情</a>
        </div>
        <div class="col-md-3 service-grid-agileits service-grid-agileits-bottom">
            <span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span>
            <h4>数据引擎研发</h4>
            <p>灵活的数据处理和抓取引擎，可以根据业务编辑抓取的内容，多渠道的数据来源保证数据的稳定可靠。
            </p>
            <a href="single">点击详情</a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!-- //services-->


<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>

<div class="services-bottom-w3-agileits">
    <div class="container">
        <div class="wthree_info">
            <section class="slider">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <div class="wthree_info_grid">
                                <h3>景彧科技合作共创</h3>
                                <p>景彧科技欢迎有志之士合作共赢</p>
                                <a href="single" class="learn">合作直通车</a>
                            </div>
                        </li>
                        <li>
                            <div class="wthree_info_grid">
                                <h3>github开源项目</h3>
                                <p>景彧科技开源地址：<a href="https://github.com/MFW3D">https://github.com/MFW3D</a></p>
                            </div>
                        </li>
                        <li>
                            <div class="wthree_info_grid">
                                <h3>合作共赢</h3>
                                <p>景彧科技秉承合作共赢模式，与诸君共同创新，开辟新天地</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
            <!-- flexSlider -->

            <script defer src="js/jquery.flexslider.js"></script>
            <script type="text/javascript">
                $(window).load(function () {
                    $('.flexslider').flexslider({
                        animation: "slide",
                        start: function (slider) {
                            $('body').removeClass('loading');
                        }
                    });
                });
            </script>
            <!-- //flexSlider -->
        </div>
    </div>
</div>